<template>
  <div class="main-content" style="min-width: 1200">
    <div class="content">
      <base-header class="fixed top-0 w-full"></base-header>
      <n-grid :cols="8" item-responsive class="w-full mt-8">
        <n-gi span="1200:1 0"></n-gi>
        <n-gi span="1200:6 8" class="flex w-full">
          <div class="main-area w-full py-3">
            <router-view v-slot="{ Component }">
              <keep-alive>
                <component :is="Component" />
              </keep-alive>
            </router-view>
          </div>
        </n-gi>
        <n-gi span="1200:1 0"> </n-gi>
      </n-grid>
    </div>
  </div>
</template>
<script setup>
import baseHeader from "@/components/baseHeader";
</script>
<style lang="scss" scoped></style>
